@charset "utf-8";

*{margin:0;padding:0}

HTML {OVERFLOW-X: hidden;}

body{ font-family:'microsoft yahei', sans-serif;font-size:15px; line-height:30px;color:#333;overflow-x:hidden;}

a{color:#333; text-decoration:none;outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

a:hover{text-decoration:none; color:#0072bf;}

ol,ul,li{list-style:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{ clear:both;}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none; display:block;}

input,textarea,select,button{ outline:none;font-family:'microsoft yahei', sans-serif; font-size:14px;-webkit-appearance: none ;}

.blue{color:#0072bf;}





.section{ padding:60px 0 80px 0;}

.section02{ padding:60px 0 0px 0;}

.section03{ padding:0 0 100px 0;}

.section04{ padding:60px 0}

.section05{ padding:30px 0 }

.section06{ padding:60px 0 120px 0;}





.mbg{ background:#f6f6f6 !important;}

.wrap{ width:96%; max-width:1360px; margin:0 auto}



.font16{ font-size:16px;}



#a01{ position: absolute;  margin-top:-100px;}

#a02{ position:absolute; margin-top:-100px;}

#a03{ position:absolute; margin-top:-100px;}

#a04{ position:absolute; margin-top:-100px;}

#a05{ position:absolute; margin-top:-100px;}





.title{ margin-bottom:20px;}

.title h3{ line-height:36px; font-size:34px; margin-bottom:10px; font-weight:bold}

.title p{ font-size:16px; color:#666}

.title .line{ display:block; width:40px; height:3px; background:#0072bf; margin:20px auto 30px auto}

.jvzhong{ text-align:center}



.biao{ margin-bottom:12px;}

.biao h3{ font-size:22px;font-weight:bold}

.biao p{ font-size:16px; text-transform:uppercase; font-weight:100}



.title02 h3{ line-height:30px; font-size:36px; margin-bottom:10px; font-weight:bold}

.title02 p{text-transform:uppercase; font-weight:100;font-size:18px; }



.biaoti{ position:relative; width:100%}

.biaoti .more{ position:absolute; right:0; bottom:0}



.pic{ height:auto; display:block; overflow:hidden;}

.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block}



.more{ width:125px; line-height:35px; text-align:center; border:solid 1px #ddd; border-radius:15px 0; overflow:hidden}

.more:hover, li:hover .more, .newskuai:hover .more{ color:#fff; background:#0072bf}

.more:hover a{ color:#fff}



.header{ position: fixed;z-index: 999;width: 100%;top:0;left:0;background-color:#fff;box-shadow: 0 0 5px #ccc; }

.header .wrap{ position:relative}

.header .logo{ position:absolute; left:0%; top:0; height:100%}

.header .logo img{ display:block;position:absolute;  height:100px; top:50%; margin-top:-50px; }

.header .tel{ position:absolute; right:0%;top:50%;  margin-top:-20px;background:url(../images/tel.png) no-repeat left center; padding-left:45px;}

.header .tel p{ line-height:15px; font-size:12px;}

.header .tel h3{ font-size:22px; font-weight:bold; color:#0072bf;}

.header .menu{ text-align:center; padding-left:40px}

.header .menu li{ position:relative; display:inline-block;}

.header .menu li .menu_a{ line-height:100px; display:block; margin:0 18px; font-size:17px; position:relative}

@media screen and (max-width: 1359px){

.header .menu li .menu_a{ margin:0 10px; font-size:16px;}

}

.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #0072bf;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}

.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;background-color:#fff; width:140%; margin-left:-20%; font-size:15px;}

.header .menu .subduan{ text-align:center; line-height:40px; padding-bottom:10px; box-shadow: 0 0 3px #ccc;}

.header .menu .subduan a{ display:block; /*background:#036eb7;*/border-bottom:solid 1px rgba(255,255,255,0.5)}

.header .menu .subduan a:hover{background-color: #0072bf;color:#fff;  }





.banner{ margin-top:100px; }

.nbanner{ margin-top:100px; }

.nbanner img{ width:100%; height:auto; display:block}

.pro-switch {overflow: hidden;width:100%;position: relative; height:80%}

.pro-switch .flexslider{ height:100%}

.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}

.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }



.flexslider .slides img {width: 100%;display: block; height:auto}

.flexslider .slides li a{display:block}

.flexslider .slides li p{ margin-top:30px;}

.flexslider .slides li p a{ display:block; ; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}



.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides {display: block;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}

.flexslider .slides {zoom: 1;}

.flex-direction-nav {*height: 0;}



.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}

.flex-direction-nav .flex-prev {left: 6%;}

.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}

.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}

.banner .flex-control-nav {width: 100%;position: absolute;bottom: 40px;text-align: center;}

.banner .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}

.banner .flex-control-paging li a {background:#fff;display:block;height:14px;width:14px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%;transition: all .3s ease; }

.banner .flex-control-paging li a.flex-active {background:#0072bf;margin-top:0px;}



.messages{ margin-top:-65px; position:relative; z-index:99;}

.messages .wrap{ background:#fff;box-shadow: 0 0 5px #ccc; padding:20px 25px 30px 25px; width:calc(96% - 50px);}

.messages .filter-disabled {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}

.messages .filter-box,.filter-box02 {position: relative;}

.messages .filter-box select, .filter-box02 select {display: none;}

.messages .filter-text {height: 36px;overflow: hidden;position: relative;cursor: pointer;padding: 0 30px 0 10px;background: #fff;border: 1px solid #e6e6e6; border-radius:5px;}

.messages .filter-text input {font-size: 14px;}

.messages .filter-text .filter-title {width: 100%;height: 36px;line-height: 36px;border: 0; font-size:15px;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;}



.filter-list {display: none;width: 100%;max-height: 300px;background-color: #fff;font-size: 14px;position: absolute;top: 42px;left: 0;z-index: 99;border: 1px solid #e6e6e6;overflow: auto;}

.filter-list li.filter-null a {color: #d2d2d2;}

.filter-list li a {display: block;padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}

.filter-list li:hover {background-color: #f2f2f2;}

.filter-list li.filter-selected {background-color: #0072bf;}

.filter-list li.filter-selected a{display: block;color: #fff;}

.filter-list li.filter-disabled {background-color: #fff;}

.filter-list li.filter-disabled a{display: block;color: #d2d2d2;}

.filter-list li.filter-disabled:hover a {cursor: not-allowed!important;background-color: #fff;}

.messages .icon {position: absolute;}

.nliuyan .icon {position: absolute;}

.icon-filter-arrow {width: 8px;height: 6px;background-repeat: no-repeat;background-image: url(../images/icon_arrow_down_x2.png);background-size: 100%;right: 10px;    top: 13px;transition: all .2s;}

.icon-filter-arrow.filter-show {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

.filter-list::-webkit-scrollbar {width: 4px;height: 4px;}

.filter-list::-webkit-scrollbar-track {background: #fff }

.filter-list::-webkit-scrollbar-thumb {background: #CBCBCB;}

.messages .item form{ width:100%; display:block;}

.messages .item{float:left;}

.messages .item:nth-child(1){width: 15%; margin-right:1%}

.messages .item:nth-child(2){width: 36%; margin-right:1%}

.messages .item:nth-child(3){width: 22%; margin-right:2%}

.messages .item:nth-child(4){width: 12%; margin-right:1%}

.messages .item:nth-child(5){width: 10%;}



.messages .add{ background: url(../images/add.jpg) no-repeat left center; padding-left:25px !important;cursor: pointer;}

.messages .company{ background: url(../images/company.jpg) no-repeat left center; padding-left:25px !important;}

.messages .hangye{ background: url(../images/hangye.jpg) no-repeat left center; padding-left:25px !important;cursor: pointer;}

.messages input{ color:#666}

.messages .anniu{height: 36px; line-height:36px; font-size:16px;overflow: hidden;display:block;cursor: pointer;-webkit-appearance: none ;background: #fff;border:1px solid #0072bf; border-radius:5px !important; text-align:center}

.messages .chaxun{ background: #0072bf; display:block; width:100%; height:100%; color:#fff}

.messages .anniu a{ display:block; width:100%; color:#0072bf}

.messages .anniu a:hover{background: #0072bf; color:#fff}









.ibusiness li{ float:left; width:calc(23.5% - 2px); margin-right:2%; border:solid 1px #ddd; position:relative}

.ibusiness li:before {content: '';width: 0;height: 3px;position: absolute; top:0;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.ibusiness li:nth-child(1):before{background-color: #0072bf;}

.ibusiness li:nth-child(2):before{background-color: #1fbbea;}

.ibusiness li:nth-child(3):before{background-color: #38ab49;}

.ibusiness li:nth-child(4):before{background-color: #f7ac00;}

.ibusiness li:hover:before {width: 100%}

.ibusiness li:nth-child(4n){ margin-right:0}

.ibusiness li .icon{transition: all 0.6s ease 0s;position:relative;top:30px; margin-bottom:15px; width:50%; max-width:80px; margin-left:auto;margin-right:auto;}

.ibusiness li:hover .icon{top:20px;}

.ibusiness li .wenzi{ text-align:center; margin-top:50px;}

.ibusiness li .wenzi h3{ font-size:20px; color:#333; margin-bottom:10px;}

.ibusiness li .wenzi p{ font-size:16px; color:#666; margin-bottom:30px;}

.ibusiness li .bottom{ background:#fafafa; padding:25px 0;}

.ibusiness li .bottom .more{ margin:0 auto}

.ibusiness li:nth-child(1):hover .more{background:#0072bf}

.ibusiness li:nth-child(2):hover .more{background:#1fbbea}

.ibusiness li:nth-child(3):hover .more{background:#38ab49}

.ibusiness li:nth-child(4):hover .more{background:#f7ac00}



.ad{ position:relative}

.ad .adpic img{ display:block; width:100%; height:auto}

.ad .wrap{ position:absolute; top:50%; margin-top:-80px; width:100% !important; max-width:100%; height:100%}

.ad .title{ color:#fff;}

.ad .title p{ font-size:20px;color:#fff;} 

.ad .more{ margin:40px auto 0 auto; }

.ad .more a{color:#0072bf; background:#fff; display:block;}

.ad .more a:hover{background:#0072bf; color:#fff}



@media screen and (max-width: 1600px){

.ad .adpic img{	width:110%; margin-left:-5%}

}

@media screen and (max-width: 1400px){

.ad .adpic img{	width:120%; margin-left:-10%}

}

@media screen and (max-width: 1200px){

.ad .adpic img{	width:130%; margin-left:-15%}

}

@media screen and (max-width: 1024px){

.ad .adpic img{	width:140%; margin-left:-20%}



.ad .wrap {margin-top: -70px;}

.ad .more {margin: 20px auto 0 auto;}

}

@media screen and (max-width: 850px){

.ad .adpic img{	width:200%; margin-left:-50%}

}

@media screen and (max-width: 720px){

.ad .adpic img{	width:220%; margin-left:-60%}

}

@media screen and (max-width: 640px){

.ad .adpic img{	width:300%; margin-left:-100%}

.ad .title p{ font-size:18px;}

}

@media screen and (max-width: 420px){

.ad .adpic img{	width:380%; margin-left:-140%}

}



.iserivce .conn li{ float:left; width:calc(23.5% - 26.67px); padding:1.5% 1% 2% 1%; margin-right:20px; margin-top:20px; border:solid 1px #ddd;}

.iserivce .conn li:nth-child(4n){ margin-right:0}

.iserivce .conn li:nth-child(4n+1){ clear:both}

.iserivce .conn li:nth-child(1), .iserivce .conn li:nth-child(2), .iserivce .conn li:nth-child(3),.iserivce .conn li:nth-child(4){ margin-top:0}

.iserivce .conn li .biao{ font-size:18px; color:#000; border-bottom:solid 1px #ddd; padding-bottom:8px}

.iserivce .conn li .biao .bleft{ float:left}

.iserivce .conn li .biao .bright{ float:right; width:23px; height:23px;  text-align:center; border-radius:50%; background:#0072bf; color:#fff;} 

.iserivce .conn li .biao .bright a{ display:block; color:#fff;line-height:21px;}

.iserivce .conn li .conlist{ min-height:74px}
.iserivce .conn li .conlist p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left:15px; line-height:36px;background:url(../images/dianzi.png) no-repeat left center; border-bottom:solid 1px #ddd; }

.iserivce .conn li .lianxi{ margin-top:20px; border:solid 1px #0072bf; border-radius:5px;}

.iserivce .conn li .lianxi .cleft{ float:left; width:calc(44% - 38px); background:#0072bf; color:#fff;background:url(../images/zixun.jpg) #0072bf no-repeat 8px center; padding-left:38px; }

.iserivce .conn li .lianxi .cright{color:#0072bf; text-align:center;width:55%; float:right; font-size:16px;}




.iabout .conn{ background:#fff;box-shadow: 0 0 10px #ccc; }

.iabout .abpic{ float:left; width:40%;}

.iabout .abright{ float:left; width:56%; padding:2%; color:#666; font-size:16px}

.iabout .abpic img{ display:block; width:100%; height:auto}

.qimo8{ overflow:hidden;width:100%; margin:40px auto 0 auto;}

.qimo8 .qimo {width:8000%;}

.qimo8 .qimo div{ float:left;}

.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }

.qimo8 .qimo ul li{ float:left;margin-right:12px; border:solid 1px #ddd}

.qimo8 .qimo ul li img {height:120px; }

.iabout .abright p{ margin-top:12px;}

.iabout .abright .more{ margin-top:20px; float:right}

.iabout .abright .more a{background:#0072bf; color:#fff; display:block;}





.partner{overflow:hidden;}

.partner ul{ margin:40px -1% 0 0;}

.partner li{ float:left; width:14.66%; margin:-20px 1% 0 1%; position:relative;line-height:0;}

.partner li a{ float:left; width:100%; overflow:hidden;}

.partner li .par1{opacity:1;filter: alpha(opacity=100); float:left; width:90%; padding:5%; position:relative; z-index:3;}

.partner li .par2{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; z-index:3; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px; line-height:28px; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 

-moz-transition: all 0.5s ease-out 0s; 

-o-transition: all 0.5s ease-out 0s; 

transition: all 0.5s ease-out 0s;

}

.partner li .par2 span{ font-size:14px;}

.partner li .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}

.partner li .par4{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; left:0; top:0; z-index:1;

        transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

-webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;}

.partner li:hover .par1{opacity:0;filter: alpha(opacity=0);}

.partner li:hover .par2{opacity:1;filter: alpha(opacity=100);}

.partner li:hover .par4{opacity:1;filter: alpha(opacity=100);-webkit-transition: 1s ease;

-webkit-transform: rotateY(360deg);

   -moz-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	 -o-transform: rotateY(360deg);

		transform: rotateY(360deg);}

.partner li:nth-child(7){ margin-left:9.33%;}

.partner .more{margin:40px auto 0 auto}

.partner .more a{ display:block;background:#0072bf; color:#fff}









.npartner{overflow:hidden;}

.npartner ul{ margin:20px -1% 0 0;}

.npartner li{ float:left; width:14.66%; margin:-20px 1% 0 1%; position:relative;line-height:0;}

.npartner li a{ float:left; width:100%; overflow:hidden;}

.npartner li .par1{opacity:1;filter: alpha(opacity=100); float:left; width:90%; padding:5%; position:relative; z-index:3;}

.npartner li .par2{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; z-index:3; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px; line-height:28px; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 

-moz-transition: all 0.5s ease-out 0s; 

-o-transition: all 0.5s ease-out 0s; 

transition: all 0.5s ease-out 0s;

}

.npartner li .par2 span{ font-size:14px;}

.npartner li .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}

.npartner li .par4{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; left:0; top:0; z-index:1;

        transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

-webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;}

.npartner li:hover .par1{opacity:0;filter: alpha(opacity=0);}

.npartner li:hover .par2{opacity:1;filter: alpha(opacity=100);}

.npartner li:hover .par4{opacity:1;filter: alpha(opacity=100);-webkit-transition: 1s ease;

-webkit-transform: rotateY(360deg);

   -moz-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	 -o-transform: rotateY(360deg);

		transform: rotateY(360deg);}

.npartner li:nth-child(7){ margin-left:9.33%;}

.npartner .more{margin:40px auto 0 auto}

.npartner .more a{ display:block;background:#0072bf; color:#fff}







.inews .conn{ padding-top:10px;}

.inews .newsleft{ float:left; width:calc(58% - 2px); padding:15px 1% 2% 1%; border:solid 1px #ddd; background:#fff; min-height:400px;}

.inews .newsright{ float:right; width:calc(36% - 2px); padding:15px 1% 2% 1%; border:solid 1px #ddd; background:#fff; min-height:400px;}

.inews .biao{ font-size:18px; color:#000; border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:15px;}

.inews .biao .bleft{ float:left; font-size:20px}

.inews .biao .bright{ float:right; width:23px; height:23px;  text-align:center; border-radius:50%; background:#0072bf; color:#fff;} 

.inews .biao .bright a{ display:block; color:#fff;line-height:21px;}

.inews .newsleft .topnews  .pic{ float:left; width:35%}

.inews .newsleft .topnews  .wenzi{ float:right; width:62%;}

.inews .newsleft .topnews  .wenzi h3{ font-size:18px; font-weight:bold; margin:10px 0}

.inews .newsleft .date{ color:#666;}

.inews .newsleft .topnews .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:10px;color:#666}

.inews .newsleft .conlist{ margin-top:15px;}

.inews .newsleft .conlist p{ line-height:42px; border-bottom:solid 1px #ddd; font-size:16px; clear:both;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.inews .newsleft .conlist p span{ float:right;color:#666; font-size:14px}



.inews .newsright #scroll_outer{ width: 100%; height:320px;overflow: hidden;}

.inews .newsright #scroll_inner{width: 100%;}

.inews .newsright .conn p{line-height:26px; padding:6px 0; border-bottom:solid 1px #ddd; font-size:16px; clear:both}

.inews .newsright .conn p span:nth-child(1){ margin:0 30px;}

.inews .newsright .conn p span:nth-child(2){ color:#0072bf;}





.footer{ background:#353e45; border-top:solid 5px #0072bf;}

.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer li {color:#fff;display:inline-block;cursor:pointer; padding-left:60px;}

.footer li:first-child{ border-left:none; padding-left:0;}

.footer li:first-child img{ height:70px; width:auto}

.footer li:last-child img{ width:120px}

.footer li:nth-child(1) p{ line-height:36px;}

.footer li .add{ background:url(../images/f01.png) no-repeat left 5px; padding-left:36px; }

.footer li .tel{ background:url(../images/f02.png) no-repeat left 5px; padding-left:36px; }

.footer li .mail{ background:url(../images/f03.png) no-repeat left 5px; padding-left:36px; }



.footer li h3{ color:#fff; margin-bottom:10px; margin-top:40px;font-size:16px; font-weight:bold}

.footer li:nth-child(1) h3{ margin-top:0}

.footer li h3 a{color:#fff;}

.footer p{color: rgba(255,255,255,0.8); line-height:30px; }

.footer p a{color: rgba(255,255,255,0.8); }

.footer p a:hover{color: rgba(255,255,255,1); }

.footer li:last-child p{ display:inline-block; text-align:center}

.footer li:last-child p:last-child{ margin-left:20px;}



.footer .flink{ margin-top:30px;}

.footer .flink span{ font-size:18px; font-weight:bold; color:#fff }

.footer .flink a { padding:0 15px;}



.copyright { background:#353e45; border-top:solid 1px #5d656a;color: rgba(255,255,255,0.8); text-align:center; padding:15px 0 25px 0; }

.copyright a{color: rgba(255,255,255,0.8); }

.copyright a:hover{color: rgba(255,255,255,1); }





.nbanner { position:relative; width:100%}

.nbanner .text{ text-align:center; position:absolute; width:100%; left:0; top:50%; margin-top:-40px; text-align:center; color:#fff;text-shadow: 0px 0px 6px #999;}

.nbanner .text h3{ line-height:45px; font-size:40px; margin-bottom:10px; font-weight:bold}

.nbanner .text p{ font-size:24px; text-transform:uppercase; font-weight:100}





.topnav02{ text-align:center; border-bottom:solid 1px #c4c7ca;}

.topnav02 .wrap{ width:100% !important}

.topnav02 ul{ text-align:center; display:inline-block; vertical-align:middle;}

.topnav02 li{ display:inline-block;margin:0; padding:0; margin-left:-5px; line-height:58px;height:58px; font-size:16px; position:relative}

.topnav02 li a{ display:block;padding:0px 37px;color:#3d464f; }

.topnav02 li a:after{ content:""; width:0; height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid rgba(0,114,191,1); opacity:0; position:absolute; left:50%; margin-left:-8px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}

.topnav02 li.cur a,.topnav02 li a:hover{ background:#0072bf; color:#fff;}

.topnav02 li.cur a:after, .topnav02 li:hover a:after{ opacity:1;bottom:-8px;}





.nnews .newskuai:first-child{ margin-top:-30px;}

.nnews .newskuai:last-child{ margin-bottom:30px;}

.nnews .newskuai{position: relative;}

.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:#f6f6f6; top:0;transition: all 0.5s;}

.nnews .newskuai:hover:after{ width:100%;}

.nnews .newskuai{border-bottom: 1px solid #ddd;padding: 30px 0; position:relative;}

.nnews .newskuai .pic{ overflow:hidden; float:left; width:calc(30% - 2px); border:solid 1px #ddd; }

.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}

.nnews .newskuai:hover .pic img{transform:scale(1.2);}

.nnews .newskuai .wenzi{ float:right; width:68%; padding: 1% 0%;}

.nnews .newskuai .wenzi .shijian{ font-size:13px; color:#999; margin-bottom:5px; background:url(../images/icon-date2.png) no-repeat center left; padding-left:25px}

.nnews .newskuai .wenzi h3{ line-height:40px; font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom:10px; font-weight:bold}

.nnews .newskuai .wenzi p{ height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; color:#666}

.nnews .newskuai .wenzi .more{ margin-top:45px; }





.nnews .signkuai:first-child{ margin-top:-30px;}

.nnews .signkuai:last-child{ margin-bottom:30px;}

.nnews .signkuai{border-bottom: 1px solid #ddd;padding: 15px 0; position:relative; clear:both}

.nnews .signkuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:#f6f6f6; top:0;transition: all 0.5s;}

.nnews .signkuai:hover:after{ width:100%;}

.nnews .signkuai h3{ font-size:16px;/*overflow: hidden; text-overflow: ellipsis;white-space: nowrap;*/background:url(../images/dianzi.png) no-repeat left center; padding-left:20px;}

.nnews .signkuai .shijian{ font-size:13px; color:#999; margin-bottom:5px; background:url(../images/icon-date2.png) no-repeat center left; padding-left:25px; float:right}



.nnews .signkuai h3 span:nth-child(1){ margin:0 30px;}

.nnews .signkuai h3 span:nth-child(2){ color:#0072bf;}



.newsxiang .newstitle{ text-align:center}

.newsxiang .newstitle h3{ font-size:30px; margin-bottom:15px;}

.newsxiang .newstitle p{ font-size:14px; color:#999}

.newsxiang .newstitle .ndate{background:url(../images/icon-date2.png) no-repeat center left;padding-left:20px; margin-left:20px;}

.newsxiang .newstitle .nsee{background:url(../images/icon-see2.png) no-repeat center left;padding-left:25px; margin-left:20px;}

.newsxiang .conn{ margin:40px 0;}

.newsxiang .conn img{ display:block; margin:15px auto; width:100%; max-width:800px;}

.nmore .more{ margin:0 auto}





.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:20px 0; }

.shangxia li{ float:left; text-align:left;}

.shangxia li:nth-child(2n){ float:right; text-align:right;}



.nabout .abpic{ float:left; width:34%;}

.nabout .abright{ float:left; width:60%; padding:2%; color:#666; font-size:16px}

.nabout .abright h3{ font-size:30px; font-weight:bold; margin-bottom:20px; color:#333; text-align:center;}

.nabout .abpic img{ display:block; width:100%; height:auto}



.roll .qimo8 .qimo ul li img {height:180px; }





.youshi ul{width:calc(100% - 1px);border-left:solid 1px #ddd}

.youshi li{ float:left; width:calc(25% - 1px);  border-right:solid 1px #ddd; min-height:260px; text-align:center}

.youshi li .icon{ width:50%; max-width:105px; background:#f6f6f6; margin:20px auto; border-radius:50%; overflow:hidden}

.youshi li .icon img{ width:auto; height:45px; padding:30px 0; display:block; margin:0 auto}

.youshi li .wenzi{ width:80%; margin:0 auto}

.youshi li .wenzi h3{ font-size:18px; margin-bottom:10px;}

.youshi li .wenzi p{ color:#666;}



.wenhua .kuai{ margin-bottom:60px; clear:both}

.wenhua .kuai:last-child{ margin-bottom:0}

.wenhua .kuai .pic{ float:left; width:50%}

.wenhua .pic img{ display:block; width:auto; max-width:100%; margin:0 auto;}

.wenhua:hover .pic img{transform:scale(1.1);}

.wenhua .kuai .wenzi{ padding:50px 0 0 50px; float:right; width:calc(50% - 50px)}

.wenhua .kuai .wenzi .wenziin{ display:block;  margin:0 auto}

.wenhua .kuai .wenzi .xtitle h3{ font-size:24px; font-weight:bold; margin-bottom:20px}

.wenhua .kuai .wenzi .xtitle p{ font-size:18px; font-weight:100; margin-bottom:10px}

.wenhua .kuai .wenzi .conn h3{ font-size:24px; margin-bottom:5px;}

.wenhua .kuai:nth-child(2n) .pic{ float:right}

.wenhua .kuai:nth-child(2n) .wenzi{ float:left; padding:50px 50px 0 0 ;}





.ncontact .lxfs{ float:left; width:45%; font-size:16px; }

.ncontact .lxfs .tel{background:url(../images/lianxiicon.png) no-repeat left top; height:50px; line-height:50px; margin-bottom:38px; padding-left:75px;}

.ncontact .lxfs .qq{background:url(../images/lianxiicon.png) no-repeat left -86px; height:50px; line-height:55px; margin-bottom:38px; padding-left:75px;}

.ncontact .lxfs .email{background:url(../images/lianxiicon.png) no-repeat left -176px; height:50px; line-height:50px; margin-bottom:38px; padding-left:75px;}

.ncontact .lxfs .add{background:url(../images/lianxiicon.png) no-repeat left bottom; height:40px; line-height:20px; padding-top:15px; margin-bottom:38px; padding-left:75px;}

#map{width:calc(54% - 2px);height:400px;border:#ccc solid 1px; float:right}









.nliuyan{background: #f5f5f5;}

.nliuyan .form .column{ float:left; width:30.33%; margin-right:3%; margin-bottom:30px; position:relative; background:#fff; line-height:42px;}

.nliuyan .form .row_1{ margin-right:-3%}

.nliuyan .form .row_1 input{ border:none; line-height:42px; width:calc(100% - 80px); float:right}
.nliuyan .form .row_1:nth-child(1) .column:nth-child(1) input,.form .row_1:nth-child(1) .column:nth-child(3) input{width:calc(100% - 10px); font-size:15px !important;}
/*.nliuyan .form .row_1:nth-child(1) input, .form .row_1:nth-child(1) .column:nth-child(3) input*/
.nliuyan .form .row_1 label{ position:absolute; left:0;top:0; line-height:42px; color:#999;padding-left:10px}

.nliuyan .form .row_2{background:#fff; position:relative}

.nliuyan .form .row_2 label{ position:absolute; left:0;top:0; line-height:42px; color:#999;padding-left:10px}

.nliuyan .form .row_2 textarea{width:100%; height:180px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; padding-left:70px}

.nliuyan .form .submit{ width:125px; line-height:35px; text-align:center; border:solid 1px #ddd; border-radius:15px 0; color:#fff; background:#0072bf;overflow:hidden; text-align:center; border:0; font-size:18px; margin:25px auto; display:block;}





.nservice .conn p{ width:calc(49% - 15px); float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left:15px; line-height:50px;background:url(../images/dianzi.png) no-repeat left center; border-bottom:solid 1px #ddd;}

.nservice .conn p:nth-child(2n){ float:right}

.nservice .conn p:nth-child(2n+1){ clear:both}



.nzhuce01 li{ float:left; width:calc(18.4% - 2px); border:solid 1px #ddd; min-height:350px; position:relative;transition: all 0.6s ease 0s; margin:10px 0;margin-right:2%; }

.nzhuce01 li:hover{margin:0px 0 20px 0;margin-right:2%; }

.nzhuce01 li:last-child{ margin-right:0}

.nzhuce01 .wenzi{ width:96%; padding:2%; margin:0 auto; text-align:center}

.nzhuce01 .wenzi h3{ margin:15px 0; font-weight:bold}

.nzhuce01 .wenzi p{ color:#666;}





.nzhuce02 li{ float:left; width:17%;transition: all 0.6s ease 0s; margin:10px 0;}

.nzhuce02 li:hover{ margin:0px 0 20px 0;}

.nzhuce02 li:last-child{ width:15%;}

.nzhuce02 .icon{ width:106px; height:145px; background:url(../images/liucheng.png) no-repeat left center; background-size:100% auto; position:relative}

.nzhuce02 .icon:after{ position:absolute;content: ""; height:27px; top:50%; margin-top:-14px; right:-40px;width:24px;background:url(../images/lcjiantou.png) no-repeat left center;transition: all 0.5s;}

.nzhuce02 li:last-child .icon:after{ background:none}

.nzhuce02 .icon img{ display:block; width:50%; max-width:72px; top:50%; margin-top:-36px; margin-left:26px;position:absolute}

.nzhuce02 li:hover .icon{background:url(../images/liuchenghover.png) no-repeat left center;background-size:100% auto;}

.nzhuce02 .wenzi{ width:90%; max-width:200px; text-align:left;}

.nzhuce02 .wenzi h3{ margin:15px 0; font-weight:bold}

.nzhuce02 .wenzi p{ color:#666;}



.nzhuce02 .li04{ width:100%; max-width:1000px; margin:0 auto}

.nzhuce02 .li04 li{ width:26%;}

.nzhuce02 .li04 li:last-child{ width:22%;}







.more02{ width:250px; line-height:45px; text-align:center; border:solid 1px #ddd; border-radius:15px 0; overflow:hidden; color:#fff; background:#0072bf; font-size:18px; margin:30px auto 0 auto}

.more02 a{ color:#fff; display:block}



.vs .conn{background:url(../images/vsbg.png) no-repeat center center; min-height:555px; margin-top:30px; position:relative}

.vs .vspic{ display:block; position:absolute; top:0; left:50%; margin-left:-85px; width:170px; }

.vs .vspic img{ display:block; width:100%; height:auto}

.vs .conn li{ float:left; width:30%; margin:5% 10%; color:#fff; font-size:16px;}

.vs .conn li:nth-child(1){ color:#bbbaba}

.vs .conn li:nth-child(1) h3{border: solid 2px #bbbaba; display:inline-block; font-size:24px; padding:15px 60px; margin-bottom:20px;}

.vs .conn li:nth-child(1) p{background: url(../images/gsbg_ztn6_self_1.png) no-repeat left center; padding-left:50px; line-height:50px;}

.vs .conn li:nth-child(2){ float:right; color:#fff;}

.vs .conn li:nth-child(2) h3{border: solid 2px #fff; display:inline-block; font-size:24px; padding:15px 60px; margin-bottom:20px;}

.vs .conn li:nth-child(2) p{background: url(../images/l_ztn6_my_1.png) no-repeat left center; padding-left:50px; line-height:50px;}



.shouhou .conn{ margin-top:30px;}

.shouhou li{ float:left; width:32%; margin-right:2%; background:#fff; }

.shouhou li:nth-child(3n){ margin-right:0}

.shouhou li .icon{transition: all 0.6s ease 0s;position:relative;top:30px; margin-bottom:15px; width:50%; max-width:80px; margin-left:auto;margin-right:auto;}

.shouhou li .icon img{ display:block; width:100%; height:auto}

.shouhou li:hover .icon{top:20px;}

.shouhou li .wenzi{ text-align:center; margin-top:50px; width:90%; margin-left:auto; margin-right:auto; min-height:150px;}

.shouhou li .wenzi h3{ font-size:20px; color:#333; margin-bottom:10px;}

.shouhou li .wenzi p{ font-size:16px; color:#666; padding-bottom:30px;}



.other ul{ max-width:800px; margin:20px auto 0 auto}

.other li{ float:left; width:50%; line-height:40px; font-size:18px; margin:10px 0 }

.other li:nth-child(2n+1){ clear:both;}

.other li span{ display:inline-block; width:40px; height:40px; background:#0072bf; font-size:26px; font-weight:bold; color:#fff; margin-right:15px; text-align:center; border-radius:50%; }





.njizhang li{float:left; width:calc(32% - 2px); border:solid 1px #ddd; margin-right:2%; }

.njizhang li:nth-child(3n){ margin-right:0}

.njizhang li .wenzi{ text-align:center; margin-top:15px;}

.njizhang li .wenzi h3{ font-size:20px; color:#333; margin-bottom:10px; font-weight:bold}

.njizhang li .wenzi p{ font-size:16px; color:#666;}

.njizhang li .bottom{ background:#fafafa; padding:25px 0; margin-top:20px;}

.njizhang li .bottom .more{ margin:0 auto}

.njizhang li:hover .more a{ color:#fff !important}



.njizhang02 ul { width:100%; max-width:960px; margin:0 auto}

.njizhang02 li{ float:left; width:32%;transition: all 0.6s ease 0s; margin:10px 0; margin-right:2%}

.njizhang02 li:hover{ margin-top:20px; margin-bottom:0}

.njizhang02 li:nth-child(3){ margin-right:0}

.njizhang02 li .icon img{ margin:0 auto; display:block; width:auto; width:60%;max-width:120px}



.njizhang02 .wenzi{ width:100%; border:solid 1px #ddd; text-align:center; min-height:80px;  margin-top:-60px; padding-top:60px;}

.njizhang02 .wenzi h3{ margin:15px 0; font-weight:bold}

.njizhang02 .wenzi p{ color:#666;}



.njizhang03 .conn{ margin-top:30px; }

.njizhang03 li{ float:left; width:18.4%; margin-right:2%}

.njizhang03 li:nth-child(5){ margin-right:0}

.njizhang03 li .icon{ background:url(../images/join01.png) no-repeat center center; line-height:86px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-weight:bold;z-index:999; display:block; position:relative; z-index:9}

.njizhang03 li .wenzi{ border:solid 1px #ddd; background:#fff; padding:20% 5% 5% 5%; min-height:180px; margin-top:-40px; line-height:30px; text-align: center;color:#333;display:block}

.njizhang03 li .wenzi h3{ margin-bottom:15px; font-weight:bold}

.njizhang03 li .wenzi p{ color:#666}





.nzhuxiao .conn{ margin-top:30px; }

.nzhuxiao li{ float:left; width:18.4%; margin-right:2%}

.nzhuxiao li:nth-child(5){ margin-right:0}

.nzhuxiao li .icon{ background:url(../images/join01.png) no-repeat center center; line-height:100px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-weight:bold;z-index:999; display:block; position:relative; z-index:9}

.nzhuxiao li .wenzi{ border:solid 1px #ddd; background:#fff; padding:20% 5% 5% 5%; min-height:70px; margin-top:-40px; line-height:30px; text-align: center;color:#333;display:block}

.nzhuxiao li .wenzi h3{ margin-bottom:15px}

.nzhuxiao li .wenzi p{ color:#666}



.nzhuxiao02 .conn{ margin-top:30px; }

.nzhuxiao02 li{ float:left; width:18.4%; margin-right:2%; position:relative}

.nzhuxiao02 li:nth-child(5){ margin-right:0}

.nzhuxiao02 li .apic img{ display:block; width:86%; margin:0 auto; height:auto}

.nzhuxiao02 li .wenzi h3{ position:absolute; width:100%; top:30%; color:#fff; font-size:20px; text-align:center}





.tuwen .conn img{ display: block; width:auto; max-width:100%; margin:0 auto;}





.zhuxiaoend ul{ width:100%; max-width:1000px; margin:30px auto 0 auto;}

.zhuxiaoend li { float:left; width:32%; margin-right:2%; }

.zhuxiaoend li:nth-child(3n){ margin-right:0}

.zhuxiaoend li .icon{ width:60%; max-width:140px; margin:0 auto; z-index:999; display:block; border-radius:50%; position:relative; z-index:9}

.zhuxiaoend li .icon img{ display:block; width:100%; height:auto}

.zhuxiaoend li .wenzi{ border:solid 1px #ddd; background:#fff; padding:30% 5% 5% 5%; min-height:80px; margin-top:-70px; line-height:30px; text-align: center;color:#333;display:block}

.zhuxiaoend li .wenzi h3{ margin-bottom:15px}

.zhuxiaoend li .wenzi h3 i{ font-size:30px; font-weight:bold; color:#0072bf; margin-right:10px;}





.nzizhi .conn{ margin-top:30px; }

.nzizhi li{ float:left; width:15%; margin-right:2%}

.nzizhi li:last-child{ margin-right:0}

.nzizhi li .icon{ background:url(../images/join01.png) no-repeat center center; line-height:100px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-weight:bold;z-index:999; display:block; position:relative; z-index:9}

.nzizhi li .wenzi{ border:solid 1px #ddd; background:#fff; padding:22% 5% 5% 5%; min-height:50px; margin-top:-40px; line-height:30px; text-align: center;color:#333;display:block}

.nzizhi li .wenzi h3{ margin-bottom:15px}





.nzizhi03 .conn{ margin-top:10px; }

.nzizhi03 li{ float:left; width:23.5%; margin-right:2%; margin-top:20px}

.nzizhi03 li:nth-child(4n){ margin-right:0}

.nzizhi03 li .icon{ background:url(../images/join01.png) no-repeat center center; line-height:86px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-weight:bold;z-index:999; display:block; position:relative; z-index:9}

.nzizhi03 li .wenzi{ border:solid 1px #ddd; background:#fff; padding:20% 5% 5% 5%; min-height:150px; margin-top:-40px; line-height:30px; text-align: center;color:#333;display:block}

.nzizhi03 li .wenzi h3{ margin-bottom:15px; font-weight:bold}

.nzizhi03 li .wenzi p{ color:#666}

.float_kf{ position:fixed;right:10px; bottom:30%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#2d83f9;border:1px solid #2d83f9;border-bottom:none; color:#fff}
.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none}

.float_kf .qq i{ width:24px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .qq:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}


.float_kf .tel i{ width:25px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .tel .hd{ background:#0072bf; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:16px 30px; width:200px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}
.float_kf .backtop{background:#0072bf;border:1px solid #2d83f9; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}
.back{ text-align:right; margin-top:30px}
.back a{ display:inline-block; padding:3px 40px; border:1px solid #e8e8e8; -webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.back a:hover{ border:1px solid #0072bf; background:#2d83f9; color:#fff}


.footer .form { width:90%; min-width:400px; margin:0 auto;}
.footer .form .column{ float:left; width:48.5%;margin-bottom:10px; position:relative; background:#fff; line-height:30px;  overflow:hidden}
.footer .form .row_1 .column:nth-child(2n){ float:right}
.footer .form .row_1 input{ border:none; line-height:30px; padding:0 10px; width:calc(100% - 20px)}
.footer .form select{ border:none; line-height:30px;height:30px; padding:0 10px; width:100%}

.footer .form .row_2{background:#fff; position:relative}

.footer .form .row_2 textarea{width:100%; height:90px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:10px}

.footer .form .submit{ width:125px; line-height:35px; text-align:center; border:solid 1px #ddd; border-radius:15px 0; color:#fff; background:#0072bf;overflow:hidden; text-align:center; border:0; font-size:18px; margin:25px auto; display:block;}


#iconDivMain1{ top:auto !important; bottom:20px !important; left:auto !important; right:0px !important; position:fixed !important}